<template>
  <div class="contentbox" v-html="data.detail.html.content">
  </div>
</template>

<script>

  import utils from '../../utils'
  import {mapModules, mapRules} from 'vuet'

  export default {
    mixins: [
      mapModules({data: 'help'}),
      mapRules({store: [{path: 'help'}],need: [{path: 'help'}]}),
    ],

    data() {
      return {}
    },


    beforeCreate() {

    },
    updated(){

    },
    created() {

    },
    mounted() {
      var that = this
      this.data.needFetch = true
//      window.onload = function() {
//        document.onclick = function (e) {
//          let el = e.target || e.srcElement;
//          while (el === null || el.tagName !=='A') {
//            if (el === null) {
//              return false
//            }
//            el = el.parentElement
//          }
//
//          if (el.href != undefined) {
//            utils.skipFilter(el.href,that)
//            return false
//          }
//        };
//      }

    },
    updated(){
    },
    destroyed(){

    },
    methods: {
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  .contentbox {
    overflow: hidden;
    position:relative;
    font-size:17px;
    line-height: 1.7;
    color: #333333;
    margin:0;
    padding:0.15rem;
  }

  .contentbox img {
    max-width: 100%;
    object-fit: contain;
  }
</style>
